/* Reset */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {margin:0;padding:0; outline:none;}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{ margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; }
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
input,select,textarea,samp {font-size:100%;}
table {border-collapse:collapse;border-spacing:0;}
p{ margin-bottom:1em;}
ol,ul { list-style:none; }
input,textarea{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666666;}
select{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666666;}
/* generic page link colours */
a{ text-decoration:none;}
/*a:link{ color: #2d71b6; font-weight: bold;}*/
a:visited{color: #2d71b6;}
a:active{color: #2d71b6;}
a:hover{color: #666;}
.clear{ clear:both;}
/* CLEAR FIX*/
.clearfix:after {
	content: ".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;}
.clearfix {display:inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height:1%;}
.clearfix {display:block;}
/* End hide from IE-mac */
.clear {clear:both;}
/*fonts*/
.abeezeeregular{font-family: 'abeezeeregular';}
.varela_roundregular{font-family: 'varela_roundregular';}

h1.title{font-family: 'varela_roundregular'; font-size:24px; color:#0563aa;}
/* Global Element Styles */
body { margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000;}
.wrapper{ width:100%; min-height:500px; margin:0 auto; position:relative;}
.header{ width:100%; height:138px; background:url(images/header.jpg) no-repeat center top;}
.header-artline{ position:absolute; left:11px; top:48px;}
.header-share{ width:50px; height:23px; position:absolute; right:2px; top:12px;}
.header-share .twitter{ display:inline-block; width:28px; height:23px; background:url(images/facebook-icon.png) no-repeat 0px 0px; float:right; margin-right:8px;}
.header-share .fackbook{ display:inline-block; width:21px; height:23px; background:url(images/facebook-icon.png) no-repeat -36px 0px; float:right; margin-right:2px;}
.footer{ width:100%;font-family: 'varela_roundregular'; color:#FFF;}
.footer a{ color:#FFF; display:inline-block; padding:0px 5px;}
.footer .footer-mainlink a{ text-transform:uppercase;}
.footer-stamp{ width:100%; height:76px; background:url(images/footer-stamp.jpg) no-repeat center top;}
.footer-bottom{ background:#0a58a8; padding:24px 0px;}
.footer .links{ width:650px; float:left; padding-left:10px;}
.footer .footer-mainlink{ padding:2px 0px; margin-bottom:15px;}
.footer .footer-sublink{}
.footer .copyright{ width:260px; float:right; padding-right:10px; text-align:right;}

.inner960{ width:960px; margin:0 auto; position:relative;}

.nav{ width:100%; height:46px; padding:3px 0px 9px; background:url(images/nav-bg.png) repeat-x; margin-top:-3px; position:relative; z-index:2;}
.nav a{ display:inline-block; height:46px; line-height:46px;font-family: 'varela_roundregular'; font-size:12px; color:#FFF; text-transform:uppercase; padding:0px 25px; border-right:1px solid #9dc3e9; min-width:60px; text-align:center;}
.nav a.current{ background-color:#4894e1;}
.nav li:first-child a{ border-left:1px solid #9dc3e9;}/*update*/
.nav-search{ width:175px; height:30px; background:url(images/nav-search.png) no-repeat; position:absolute; right:0px; top:8px; display:none;}
.nav-search .nav_text{ width:135px; height:13px; padding:0px 10px; position:absolute; left:0px; top:9px;font-family: 'varela_roundregular'; font-size:12px; color:#FFF; text-transform:uppercase; line-height:13px; border:none; background:#4894e1;}
.nav-search .val{ display:block; width:135px; height:13px; padding:0px 10px; position:absolute; left:0px; top:9px;font-family: 'varela_roundregular'; font-size:12px; color:#FFF; text-transform:uppercase; line-height:13px;}
.nav-search .btn_go{ width:10px; height:13px; position:absolute; right:6px; top:9px; border:none; cursor:pointer; background:url(images/nav-go.png) no-repeat;}

/*new add*/
.nav li{ float:left; position:relative;}
.nav .sub_nav{ width:200px; position:absolute; left:-1px; top:46px; padding:10px 0px; background:#0a58a8; border:1px solid #9dc3e9; display:none;}
.nav .sub_nav a{ display:block; text-align:left; height:auto; line-height:14px; border:none; padding:7px 25px;}
.nav .sub_nav a:hover{ background:#4894E1;}
.sub_nav li:first-child a,.nav li:first-child .sub2_nav a{ border:none;}
.sub_nav li,.sub2_nav li{ float:none;}
.sub2_nav{ width:200px; position:absolute; left:200px; top:-11px; padding:10px 0px; background:#0a58a8; border:1px solid #9dc3e9; display:none;}
.nav li:hover .sub_nav{ display:block;}
.sub_nav li:hover .sub2_nav{ display:block;}
.sub_nav li:hover a{ background:#4894E1;}
.sub_nav li:hover ul li a{ background:none;}
/*new add*/

.content{ width:100%; position:relative; z-index:1; margin-top:-9px;}
.wallpaper_box{ width:100%; background:url(images/wallpaper.jpg) repeat;}

.product_container{ padding-bottom:70px; min-height:725px;}
.product_container h1.title{ padding:62px 0px 36px; position:relative; text-transform:uppercase;}
.product_container h1.title a{ color:#a7a7a7;}
.ita_line{ color:#a7a7a7; display:inline-block; padding:0px 18px;}
.product_list{ padding-bottom:25px;}
.product_list li{ list-style:none; width:299px; float:left; border:1px solid #fff; margin-left:28px;font-family: 'varela_roundregular'; font-size:16px; color:#FFF;}
.product_list li:first-child{ margin-left:0px;}
.product_picshow{ width:299px; height:212px; position:relative;}
.product_picshow .cover{ width:299px; min-height:18px; position:absolute; left:0px; bottom:0px; background:url(images/space-blue80.png) repeat; text-transform:uppercase; text-align:center; padding:18px 0px;}
.product_picshow .cover a{color:#fff}
.product_intro{ background:#073c72; width:234px; padding:22px 45px 10px 20px; min-height:113px;}

.about_container{ padding:1px 0px 130px; position:relative;}
.about_container h1.title{ padding:62px 0px 60px;}
.about_rhs_links{ font-family: 'varela_roundregular'; font-size:14px; color:#b5b5b5; position:absolute; right:0px; top:72px;}
.about_rhs_links a{ color:#4894e1; display:inline-block; margin:0 10px;}
.about_rhs_links a:last-child { margin-right:0px;}
.about_rhs_links a.current{ color:#002a49; text-decoration:underline;}
.about_list{ width:960px; background:url(images/about_list.jpg) repeat-y;font-family: 'varela_roundregular'; margin-bottom:45px; padding-bottom:30px;}
.about_list h2{ font-size:20px; color:#002a49; text-transform:uppercase; font-weight:bold; padding:25px 40px 20px;}
.about_list h2 a{ color:#002a49;}
.about_list .col01_l{ width:306px; float:left; margin-left:40px;}
.about_list .col01_r{ width:495px; float:left; margin-left:40px; font-size:16px; color:#020100; line-height:24px;}
.about_detail_picshow{ margin-bottom:30px;}
.about_detail_intro{font-family: 'varela_roundregular'; font-size:16px; color:#020100; line-height:24px; background:url(images/about_list.jpg) repeat-y; padding:42px 64px 20px 64px; min-height:532px;}
.about_detail_intro p{ margin-bottom:24px;}

.vip_container{ padding:1px 0px 130px; position:relative;font-family: 'varela_roundregular'; font-size:16px; color:#020100; line-height:24px;}
.vip_container h2{ font-size:26px; text-transform:uppercase; margin-bottom:27px;}
.vip_container h1.title{ padding:62px 0px 60px;}
.form_container{ width:960px; background:url(images/about_list.jpg) repeat-y;}
.form_container_inner{ background:url(images/vip-bg2.png) no-repeat left bottom; padding:36px 0px 80px;}
.form_container .col01_l{ width:374px; float:left; margin-left:97px; padding-top:8px;}
.form_container .col01_r{ width:456px; float:left; margin-left:33px; min-height:300px;}
.form_container .col01_full{ padding-top:8px; margin-left:33px; margin-right:33px; min-height:500px;}

.form_container li{ list-style:none; margin-bottom:15px;}
.form_container .title{ display:inline-block; width:104px; vertical-align:middle;}
.form_container .title2{ display:inline-block; width:58px; padding-left:40px;}
.form_container .title3{ display:inline-block; width:49px; padding-left:16px;}
.form_container .title4{ padding:10px 0px 7px;}
.form_container li.ls_postcode{ width:200px; float:left;}
.form_container li.ls_state{ width:194px; float:left;}
.form_container li.ls_occupation{ width:280px; float:left; margin-bottom:22px;}
.form_container li.ls_age{ width:114px; float:left; margin-bottom:22px;}
.form_container li.ls_btn{ width:395px; height:50px; position:relative;}
.form_container li.ls_clear{ clear:both;}
.select_box1{ display:inline-block; width:96px; height:31px; overflow:hidden; vertical-align:middle;}
.select_box2{ display:inline-block; width:291px; height:31px; overflow:hidden; vertical-align:middle;}
.select_box3{ display:inline-block; width:393px; height:31px; overflow:hidden;}
.form_container .txt1{ width:278px; height:29px; padding:0px 5px; border:1px solid #989898;font-family:'varela_roundregular'; font-size:16px; color:#020100; line-height:28px;}
.form_container .txt_postcode{ width:84px; height:29px; padding:0px 5px; border:1px solid #989898;font-family:'varela_roundregular'; font-size:16px; color:#020100; line-height:28px;}
.form_container .txt_occupation{ width:164px; height:29px; padding:0px 5px; border:1px solid #989898;font-family:'varela_roundregular'; font-size:16px; color:#020100; line-height:28px;}
.form_container .txt_age{ width:37px; height:29px; padding:0px 5px; border:1px solid #989898;font-family:'varela_roundregular'; font-size:16px; color:#020100; line-height:28px;}
.form_container .txt1.error,.form_container .txt_postcode.error,.form_container .txt_occupation.error,.form_container .txt_age.error{ border:1px solid #f00;}
.form_container .btn_submit{ width:122px; height:50px; border:none; cursor:pointer; background:url(images/submit.jpg) no-repeat; position:absolute; right:0px; top:0px;}
.ls_checkbox{ padding-left:30px; min-height:20px; position:relative; font-size:12px; position:relative; overflow:hidden;}
.ls_checkbox .hide{ position:absolute; left:-100px; top:0px;}
.ls_checkbox .check{ display:block; width:20px; height:20px; background:url(images/checkbox.png) no-repeat; position:absolute; left:0px; top:2px;}
.ls_checkbox .checked{ display:block; width:20px; height:20px; background:url(images/checkbox.png) no-repeat 0px -20px; position:absolute; left:0px; top:2px;}
.ls_checkbox .check.error{ display:block; width:20px; height:20px; background:url(images/checkbox.png) no-repeat 0px -40px; position:absolute; left:0px; top:2px;}

/*===========================*/ 
.seo_content_container { width:100%; margin:0 auto; width: 100%; background: url(images/wallpaper.jpg) repeat;}
.seo_content { padding-top:20px; width: 960px; margin: 0 auto; padding-left: 80px; position: relative; z-index: 0; background: url(images/about_list.jpg) repeat; padding-bottom: 20px; }

.container { width:960px; margin:0 auto; position:relative;	z-index:0;}
.container02 { width:960px;	margin:0 auto;	position:relative; z-index:0; padding-top:20px;}
.container02 .title{ line-height:48px; height:48px; color:#333333; font-size:16px;font-family:'varela_roundregular'; text-align:left; text-transform:uppercase;}
.container02 a.more{ line-height:48px; height:48px; color:#333333; font-size:16px;font-family:'varela_roundregular'; text-align:right; text-transform:uppercase; display:block;}
.example { width:960px;	height:470px; position:relative;}
.slides { position:absolute; top:0px; left:0px;	z-index:100;}

.slides_container {	width:960px; overflow:hidden; position:relative;display:none;}
.slides_container div.slide { width:960px; height:470px; display:block;}
.slides .next,.slides .prev { position:absolute; top:380px;	left:810px;	width:67px;	height:66px; display:block; z-index:101; background:url(images/prvebtn.png) no-repeat;}
.slides .next { left:810px;	background-position: 0 0;}
.slides .prev{ background-position:right bottom; left:880px;}
.slides .next:hover { background-position: 0 bottom;}
.slides .prev:hover{ background-position:right top;}
.slides .next.current{background-position: 0 bottom;}
.slides .prev.current{background-position:right top;}

.container02 .slides .next,.container02 .slides .prev { position:absolute; top:141px; width:67px; height:66px; display:block; z-index:101; background:url(images/prvebtn.png) no-repeat;}
.container02 .slides .next { left:-77px; background-position: 0 0;}
.container02 .slides .prev{	background-position:right bottom; left:970px;}
.container02 .slides .next:hover { background-position: 0 bottom;}
.container02 .slides .prev:hover{ background-position:right 0;}
.container02 .slides .next.current{background-position: 0 bottom;}
.container02 .slides .prev.current{background-position:right top;}

th {
	text-align: center;
	width: 30%;
}

td {
	text-align: center;
	padding: 10px;
}

.pagination { margin:26px auto 0; width:100px; display:none;}
.pagination li { float:left; margin:0 1px; list-style:none;}
.pagination li a { display:block; width:12px; height:0;	padding-top:12px; background-image:url(../img/pagination.png);	background-position:0 0; float:left; overflow:hidden;}
.pagination li.current a { background-position:0 -12px;}

.caption { z-index:500;	position:absolute; top:14px; right:14px; height:30px; padding:20px;	background:#000; background:rgba(0,0,0,.5);	width:265px; height:340px; font-size:1.3em;	line-height:1.33; color:#fff; text-shadow:none;	text-align:left;}
.caption span{ font-size:18px; line-height:26px; color:#ffffff;	margin-top:12px; display:block;	font-family:'abeezeeregular';}
.caption span.title{ font-size:35px; line-height:40px; color:#fff; margin:0; font-family:'varela_roundregular';	}

.container02 .example{ height:380px; border-bottom:3px solid #cecccc}
.container02 .slides_container div.slide { width:960px;	height:380px; display:block;}
.container02 .slides_container div.slide li{ position:relative; width:240px; float:left;}
.container02 .slides_container div.slide li a{ display:block;}
.container02 .slides_container div.slide li span{ display:block; width:210px; height:86px; position:absolute; left:0; bottom:0;}
.container02 .slides_container div.slide li span.color01{ background:url(images/color01.png) repeat; text-align:left; padding:15px; line-height:20px; display:block; color:#ffffff; font-size:19px;font-family:'varela_roundregular'; text-shadow:none;}
.container02 .slides_container div.slide li span.color02{ background:url(images/color02.png) repeat; text-align:left; padding:15px; line-height:20px; display:block; color:#ffffff; font-size:19px;font-family:'varela_roundregular'; text-shadow:none;}
.container02 .slides_container div.slide li span.color03{ background:url(images/color03.png) repeat;text-align:left; padding:15px; line-height:20px; display:block; color:#ffffff; font-size:19px;font-family:'varela_roundregular'; text-shadow:none;}
.container02 .slides_container div.slide li span.color04{ background:url(images/color04.png) repeat;text-align:left; padding:15px; line-height:20px; display:block; color:#ffffff; font-size:19px;font-family:'varela_roundregular'; text-shadow:none;}
.container02 .slides_container div.slide li span.color05{ background:url(images/color05.png) repeat;text-align:left; padding:15px; line-height:20px; display:block; color:#ffffff; font-size:19px;font-family:'varela_roundregular'; text-shadow:none;}
.container02 .slides_container div.slide li span.color06{ background:url(images/color06.png) repeat;text-align:left; padding:15px; line-height:20px; display:block; color:#ffffff; font-size:19px;font-family:'varela_roundregular'; text-shadow:none;}
.container02 .slides_container div.slide li span.color07{ background:url(images/color07.png) repeat;text-align:left; padding:15px; line-height:20px; display:block; color:#ffffff; font-size:19px;font-family:'varela_roundregular'; text-shadow:none;}
.container02 .slides_container div.slide li span.color08{ background:url(images/color08.png) repeat;text-align:left; padding:15px; line-height:20px; display:block; color:#ffffff; font-size:19px;font-family:'varela_roundregular'; text-shadow:none;}
.container02 .slides_container div.slide li a.play{ display:block; width:135px; height:135px; background:url(images/play_btn.png) no-repeat; position:absolute; left:50%; top:80px; margin-left:-68px;}

.container02 .slides_container div.slide li span a{ text-align:left; padding:15px; line-height:20px; display:block; color:#ffffff; font-size:19px;font-family:'varela_roundregular'; text-shadow:none;}
.bottom_box{ background:#fff; text-align:center; padding-bottom:34px;}
.product_home{ width:960px; margin:0 auto; margin-top:29px;}
.product_home ul{ margin-bottom:7px;}
.product_home li{ float:left; margin-left:7px; position:relative;}
.product_home li:first-child{ margin:0;}
.product_home li a{ display:block;}
.product_home li span{ display:block; position:absolute; left:0; bottom:0; background:url(images/span_a.png) repeat-x; height:60px; line-height:60px;}
.product_home li span a{ display:block; color:#ffffff; width:315px; text-align:center; font-size:16px; text-transform:uppercase; text-shadow:none;font-family:'varela_roundregular';	}

.product_home li.list02{}
.product_home li.list02 span a{ width:476px;}
.bottom_box .titlebox{ height:38px; margin:0 auto; width:960px; text-align:left; padding:50px 0 45px 0;}
.bottom_box .titlebox span{ float:left;  width:150px; display:block; line-height:38px; font-size:24px; color:#0563aa;}
.bottom_box .titlebox .list_nav{ width:504px; float:right; background:url(images/flow_li.png) no-repeat; height:38px;}
.list_nav a,.list_nav a:active{ float:left; color:#FFF; padding-right:8px; font-size:14px;font-family:'varela_roundregular'; line-height:38px; display:block; margin-left:7px; text-align:right; color:#ffffff; text-decoration:none; }
.list_nav a:hover,.list_nav a:visited{ color:#fff;}
.list_nav a:first-child{ margin:0;}
.list_nav a.li01{ width:51px;}
.list_nav a.li02{ width:95px;}
.list_nav a.li03{ width:95px;}
.list_nav a.li04{ width:95px;}
.list_nav a.li05{ width:95px;}

.product_home .left_bar{ width:491px; height:279px; float:left; padding:9px; background:url(images/flow_bg.png) no-repeat;}
.product_home .left_bar a{ display:block; position:relative;}
.product_home .left_bar a span{ display:block; width:491px; height:67px;}

.flow_container{ padding:1px 0px 40px; position:relative;}
.flow_container h1.title{ padding:62px 0px 60px;}
.flow_headerbox{ background:#FFF;}
.theflow_rhs_links{ height:38px; position:absolute; right:0px; top:52px;}
.theflow_rhs_links a{ display:inline-block; height:36px; padding-bottom:2px;font-family:'varela_roundregular'; font-size:14px; color:#FFF; line-height:36px; text-align:right; padding-right:10px; background:url(images/flow_li.png) no-repeat; margin-left:6px;}
.theflow_rhs_links a.link_all{ width:52px; background-position:0px 0px;}
.theflow_rhs_links a.link_galleries{ width:94px; background-position:-69px 0px;}
.theflow_rhs_links a.link_mypen{ width:94px; background-position:-180px 0px;}
.theflow_rhs_links a.link_lessons{ width:94px; background-position:-290px 0px;}
.theflow_rhs_links a.link_videos{ width:94px; background-position:-400px 0px;}

.flow_topcontainer{ padding-bottom:25px;}
.flow_topLeft{ width:509px; float:left; height:298px; background:url(images/flow_bg.png) no-repeat;}
.flow_topLeft_picshow{ width:490px; height:278px; overflow:hidden; position:relative; margin:9px 0px 0px 9px;}
.flow_topRight{ width:413px; float:left; margin-left:25px; padding-top:45px; font-family: 'abeezeeregular'; font-size:16px; color:#050501; line-height:22px;}
.flow_topRight p{ margin-bottom:20px;}
.flow_topRight a{ color:#050501;}
.flow_topLeft .overlay{ width:467px; min-height:47px; padding:10px 12px; position:absolute; left:0px; bottom:0px;}
.flow_topLeft .overlay h3{font-family:'varela_roundregular'; font-size:20px; color:#FFF; text-transform:uppercase; padding-bottom:3px;}
.flow_topLeft .overlay h4{font-family:'varela_roundregular'; font-size:14px; color:#FFF; }
.flow_topLeft .overlay.purple{ background:url(images/color-purple.png) repeat;}

.flow_bottomcontainer{ padding-top:35px;}
.flow_bottomcontainer .list_left{ width:604px; min-height:280px; background:url(images/about_list.jpg) no-repeat; padding-left:356px; position:relative; margin-bottom:30px;}
.flow_bottomcontainer .list_right{ width:604px; min-height:280px; background:url(images/about_list.jpg) no-repeat; padding-right:356px; position:relative; margin-bottom:30px;}
.flow_bottomcontainer .pcishow{ width:356px; height:277px; position:absolute; top:0px;}
.flow_bottomcontainer .list_left .pcishow{ left:0px;}
.flow_bottomcontainer .list_right .pcishow{ right:0px;}
.flow_bottom_intro{ width:515px; font-size:16px; color:#050501; line-height:22px; margin-left:48px; padding-top:50px;}
.flow_bottom_intro p{ margin-bottom:22px;}
.flow_bottom_intro a{ color:#050501;}
.flow_bottomcontainer .pcishow .overlay{ width:332px; min-height:47px; padding:10px 12px; position:absolute; left:0px; bottom:0px;}
.flow_bottomcontainer .overlay h3{font-family:'varela_roundregular'; font-size:20px; color:#FFF; text-transform:uppercase; padding-bottom:3px;}
.flow_bottomcontainer .overlay h4{font-family:'varela_roundregular'; font-size:14px; color:#FFF; }
.flow_bottomcontainer .overlay.blue{ background:url(images/color-blue.png) repeat;}
.flow_bottomcontainer .overlay.green{ background:url(images/color-green.png) repeat;}
.flow_bottomcontainer .overlay.orange{ background:url(images/color-orange.png) repeat;} 
.flow_loadMore{ text-align:right;}
.flow_loadMore a{font-family:'varela_roundregular'; font-size:14px; color:#050501;}

.productPen_list{ width:960px; background:url(images/about_list.jpg) repeat-y; margin-bottom:90px;}
.product_container .bank1{ height:60px;}
.productPen_list .pen_show{ width:384px; min-height:306px; float:left; position:relative;}
.productPen_list .pen_show .overlay{ width:269px; min-height:60px; padding:10px 18px; text-transform:uppercase;font-family:'varela_roundregular'; color:#FFF; background:url(images/space-blue88.png) repeat; position:absolute; left:30px; bottom:28px;}
.productPen_list .pen_show .overlay h3{ font-size:24px; font-weight:bold;}
.productPen_list .pen_show .overlay h4{ font-size:14px; font-weight:bold;}
.productPen_list .pen_show.bg1{ background:url(images/product_bg1.png) no-repeat left bottom;}
.productPen_list .pen_show.bg2{ background:url(images/product_bg2.png) no-repeat left bottom;}
.productPen_list .pen_show.bg3{ background:url(images/product_bg3.png) no-repeat left bottom;}
.productPen_list .pen_show .pen1{ position:absolute; left:50px; top:-50px;}
.productPen_list .pen_show .pen2{ position:absolute; left:10px; top:-50px;}
.productPen_list .pen_show .pen3{ position:absolute; left:26px; top:-50px;}
.productPen_list .pen_intro{ width:500px; float:left; font-size:16px; color:#020100; line-height:24px; padding-top:40px;}
.pen_detail{ font-size:14px; color:#0563aa; width:550px; padding-top:50px;padding-bottom: 20px;}
.pen_detail .tit{ color:#020100; display:block;}
.pen_detail .icon1{min-height:31px; float:left;margin-top:15px;}
.pen_detail .icon2{ width:101px; height:31px; float:left; background:url(images/product_icon2.png) no-repeat; margin-top:15px;}
.pen_detail .icon3{ width:101px; height:31px; float:left; background:url(images/product_icon3.png) no-repeat; margin-top:15px;}
.pen_detail .colors{ width:190px; float:left; margin-left:14px; margin-top:15px;}
.pen_detail .detail_intro{ width:236px; float:left;}
.pen_detail .colors span{ display:inline-block; width:17px; height:15px; margin-right:6px; margin-bottom:7px; background:url(images/product_icon_colors.png) no-repeat;}
.pen_detail .detail_intro a{ color:#0563aa;}
.pen_detail .colors .color1{ background-position:0px 0px;}
.pen_detail .colors .color2{ background-position:-23px 0px;}
.pen_detail .colors .color3{ background-position:-45px 0px;}
.pen_detail .colors .color4{ background-position:-68px 0px;}
.pen_detail .colors .color5{ background-position:-90px 0px;}
.pen_detail .colors .color6{ background-position:0px -22px;}
.pen_detail .colors .color7{ background-position:-23px -22px;}
.pen_detail .colors .color8{ background-position:-45px -22px;}
.pen_detail .colors .color9{ background-position:-68px -22px;}
.pen_detail .colors .color10{ background-position:-90px -22px;}

.product_Breadcrumb{font-family:'varela_roundregular'; font-size:12px; color:#b5b5b5; position:absolute; left:0px; top:38px;}
.product_container h1.title .product_Breadcrumb a{color:#4894e1; display:inline-block; margin:0px 10px;}
.product_container h1.title .product_Breadcrumb a:first-child{ margin-left:0px;}


.basic_container{ padding-bottom:52px; min-height:725px;}
.basic_container h1.title{ padding:56px 0px 26px; position:relative;}
.basic_container h1.title a{ color:#a7a7a7;}
.basic_Breadcrumb{font-family:'varela_roundregular'; font-size:12px; color:#b5b5b5; position:absolute; left:0px; top:32px;}
.basic_container h1.title .basic_Breadcrumb a{color:#4894e1; display:inline-block; margin:0px 10px;}
.basic_container h1.title .basic_Breadcrumb a:first-child{ margin-left:0px;}
.basic_rhs_links{ font-family: 'varela_roundregular'; font-size:14px; color:#b5b5b5; position:absolute; right:0px; top:60px;}
.basic_rhs_links a{ color:#4894e1; display:inline-block; margin:0 10px;}
.basic_rhs_links a:last-child { margin-right:0px;}
.basic_rhs_links a.current{ color:#002a49; text-decoration:underline;}
.group1{ width:960px; height:470px; position:relative; margin-bottom:60px;}
.group1 .play{ display:block; width:135px; height:135px; background:url(images/play_btn.png) no-repeat; position:absolute; left:50%; top:50%; margin-left:-68px; margin-top:-68px;}
.group2{ width:875px; padding:24px 10px 10px 75px; background:url(images/about_list.jpg) repeat-y; font-family: 'varela_roundregular'; font-size:16px; color:#020100; line-height:24px; margin-bottom:50px; position:relative;}
.group2 h3{ font-size:20px; color:#002a49; font-weight:bold; text-transform:uppercase; margin-bottom:18px;}
.group2 h4{ font-size:20px; color:#002a49; font-weight:bold; margin-top:38px;}
.group2 .intro{ font-size:18px; color:#4894e1; font-style:italic; margin-bottom:10px;}
.group2 .link_see_artist{ color:#333333; text-decoration:underline; text-transform:uppercase;}
.group2 p{ margin-bottom:10px;}
.pen_tutorial{ padding:15px 0px 22px;}
.pen_tutorial .left_col{ width:437px; float:left;}
.pen_tutorial .right_col{ width:437px; float:left;}
.pen_tutorial .tutorial_show{ width:226px; height:212px; float:left; position:relative;}
.pen_tutorial .tutorial_intro{ width:170px; float:left; margin-left:22px; padding-top:36px;}
.pen_tutorial .overlay{ width:226px; padding:17px 0px; position:absolute; left:0px; bottom:0px; font-family: 'varela_roundregular'; font-size:16px; color:#FFF; text-align:center; text-transform:uppercase; background:url(images/space-blue80.png) repeat;}
.group3{}
.group3 h3{ font-family: 'varela_roundregular'; font-size:18px; color:#002a49; margin-bottom:26px;}
.group3 li{ width:302px; float:left; position:relative; margin-left:22px;}
.group3 li:first-child{ margin-left:0px;}
.group3 li.ls2{ width:307px; width:307px;}
.group3 li.ls2 .overlay{ width:287px;}
.group3 .overlay{ width:282px; padding:10px 10px; font-family: 'varela_roundregular'; font-size:17px; color:#FFF; text-transform:uppercase; position:absolute; left:0px; bottom:0px;}
.group3 .overlay span{ display:block; font-size:12px; text-transform:none; padding-top:2px;}
.group3 .overlay.blue{ background:url(images/color-blue.png) repeat;}
.group3 .overlay.green{ background:url(images/color-green.png) repeat;}
.group3 .overlay.orange{ background:url(images/color-orange.png) repeat;}
.group3 li .play{ display:block; width:135px; height:135px; background:url(images/play_btn.png) no-repeat; position:absolute; left:50%; margin-left:-68px; top:25px;}
.share_box{ position:absolute; right:25px; top:20px;}

/******选中效果*****/
.theflow_rhs_links a.link_all.current{ width:52px; background-position:0px -38px;}
.theflow_rhs_links a.link_galleries.current{ width:94px; background-position:-69px -38px;}
.theflow_rhs_links a.link_mypen.current{ width:94px; background-position:-180px -38px;}
.theflow_rhs_links a.link_lessons.current{ width:94px; background-position:-290px -38px;}
.theflow_rhs_links a.link_videos.current{ width:94px; background-position:-400px -38px;}

/******* contact us*******/
.textarea_container .textarea1{ width:278px; height:140px; padding:0px 5px; border:1px solid #989898;font-family:'varela_roundregular'; font-size:16px; color:#020100; line-height:28px;}
.textarea_container .textarea1.error{ border:1px solid #f00;}
.form_container .title5{ display:inline-block; width:135px; vertical-align:middle; text-align:left; padding-right:15px;}
.textarea_container .title5{ vertical-align:top;}
#form2 ul{ margin-left:-20px; margin-bottom:90px;}
.ls_verify{ margin-top:14px;}
.verify_box{ width:456px; height:129px; margin-top:10px;}
.btn_submit2{ width:122px; height:50px; border:none; cursor:pointer; background:url(images/submit.jpg) no-repeat; position:absolute; left:0px; top:0px;}
.product_detail{
	min-height:94px;
}


/****************************menu**********************************

.wrapper{ padding-top:184px;}
.header{position:fixed; left:0px; top:0px; z-index:999;}
.nav{position:fixed; left:0px; top:138px; z-index:999;}


.screen_box .next,.screen_box .prev { position:absolute; top:141px; width:67px; height:66px; display:block; z-index:101; background:url(../images/prvebtn.png) no-repeat;}
.screen_box .next { left:-77px; background-position: 0 0;}
.screen_box .prev{	background-position:right bottom; left:970px;}
.screen_box .next:hover { background-position: 0 bottom;}
.screen_box .prev:hover{ background-position:right 0;}

.screen_box{ width:960px; height:380px; position:relative; border-bottom:3px solid #CECCCC;}
.screen_box li{ position:relative; width:240px; float:left;}
.screen_box li a{ display:block;}
.screen_box li span{ display:block; width:240px; height:116px; position:absolute; left:0; bottom:0;}
.screen_box li span.color01{ background:url(../images/color01.png) repeat;}
.screen_box li span.color02{ background:url(../images/color02.png) repeat;}
.screen_box li span.color03{ background:url(../images/color03.png) repeat;}
.screen_box li span.color04{ background:url(../images/color04.png) repeat;}
.screen_box li span.color05{ background:url(../images/color05.png) repeat;}
.screen_box li span.color06{ background:url(../images/color06.png) repeat;}
.screen_box li span.color07{ background:url(../images/color07.png) repeat;}
.screen_box li span.color08{ background:url(../images/color08.png) repeat;}
.screen_box li a.play{ display:block; width:135px; height:135px; background:url(../images/play_btn.png) no-repeat; position:absolute; left:50%; top:80px; margin-left:-68px;}
.screen_box li span a{ text-align:left; padding:15px; line-height:20px; display:block; color:#ffffff; font-size:19px;font-family:'varela_roundregular'; text-shadow:none;}



.ca-container{ position:relative; width:960px; height:380px;}
.ca-wrapper{ width:960px; height:380px;	position:relative; border-bottom:3px solid #CECCCC;}
.ca-item{ position:relative; float:left; width:240px; height:100%; text-align:center;}
.ca-item a{ display:block;}
.ca-item span{ display:block; width:240px; height:116px; position:absolute; left:0; bottom:0;}
.ca-item span.color01{ background:url(../images/color01.png) repeat;}
.ca-item span.color02{ background:url(../images/color02.png) repeat;}
.ca-item span.color03{ background:url(../images/color03.png) repeat;}
.ca-item span.color04{ background:url(../images/color04.png) repeat;}
.ca-item span.color05{ background:url(../images/color05.png) repeat;}
.ca-item span.color06{ background:url(../images/color06.png) repeat;}
.ca-item span.color07{ background:url(../images/color07.png) repeat;}
.ca-item span.color08{ background:url(../images/color08.png) repeat;}
.ca-item a.play{ display:block; width:135px; height:135px; background:url(../images/play_btn.png) no-repeat; position:absolute; left:50%; top:80px; margin-left:-68px;}
.ca-item span a{ text-align:left; padding:15px; line-height:20px; display:block; color:#ffffff; font-size:19px;font-family:'varela_roundregular'; text-shadow:none;}
.ca-container .ca-nav-next,.ca-container .ca-nav-prev { position:absolute; top:141px; width:67px; height:66px; display:block; z-index:101; background:url(../images/prvebtn.png) no-repeat; cursor:pointer; text-indent:-9000px;}
.ca-container .ca-nav-next { left:-77px; background-position: 0 0;}
.ca-container .ca-nav-prev{	background-position:right bottom; left:970px;}
.ca-container .ca-nav-next:hover { background-position: 0 bottom;}
.ca-container .ca-nav-prev:hover{ background-position:right 0;}

****************************menu**********************************/

.product_home li a:hover img{filter:alpha(opacity=80); opacity:0.8;}
.screen_box li a:hover img{filter:alpha(opacity=80); opacity:0.8;}
.product_picshow a:hover img{filter:alpha(opacity=80); opacity:0.8;}
.flow_topLeft_picshow a:hover img{filter:alpha(opacity=80); opacity:0.8;}
.flow_bottomcontainer .list_left .pcishow a:hover img{filter:alpha(opacity=80); opacity:0.8;}
.flow_bottomcontainer .list_right .pcishow a:hover img{filter:alpha(opacity=80); opacity:0.8;}
.about_list .col01_l a:hover img{filter:alpha(opacity=80); opacity:0.8;}
.pen_tutorial .tutorial_show a:hover img{filter:alpha(opacity=80); opacity:0.8;}
.group3 li a:hover img{filter:alpha(opacity=80); opacity:0.8;}
.productPen_list .pen_show:hover img{filter:alpha(opacity=80); opacity:0.8;}

/* Custom Stockist */
.stockist-buy {
	margin: 0 0 10px;
	cursor: pointer;
	display: block;
	line-height: 44px;
	text-align: center;
	text-transform: uppercase;
	background: #276CB2 none;
	font-weight: 700;
	color: #FFF;
	font-size: 13px;
}

.stockist-popup {
	background: rgba(0, 0, 0, 0.5) none;
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99;
	display: none;
}

.stockist-table {
	display: table;
	width: 100%;
	height: 100%;
}

.stockist-cell {
	display: table-cell;
	vertical-align: middle;
	width: 100%;
	height: 100%;
}

.stockist-wrapper {
	width: 700px;
	background: #FFF none;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
	margin: 0 auto;
	padding: 30px;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	position: relative;
}

.stockist-desc {
	text-align: center;
	color: #155FAB;
	text-transform: uppercase;
	font-family: 'varela_roundregular', sans-serif;
	font-size: 22px;
}

.stockist-additional {
    text-align: center;
    padding-top: 20px;
    padding-bottom: 0px;
    color: #155FAB;
    text-transform: uppercase;
    font-family: 'varela_roundregular', sans-serif;
    font-size: 20px;
}

.stockist-close {
	position: absolute;
	width: 32px;
	height: 32px;
	background: #4894E0 none;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	top: -16px;
	right: -16px;
	cursor: pointer;
	border: 2px solid #4894E0;
}

.stockist-close:before {
	content: "";
	width: 18px;
	height: 3px;
	background: #FFF none;
	transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	position: absolute;
	left: 7px;
	top: 15px;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}

.stockist-close:after {
	content: "";
	width: 18px;
	height: 3px;
	background: #FFF none;
	transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	position: absolute;
	left: 7px;
	top: 15px;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}

.stockist-list {
	margin: 15px 0 0;
}

.stockist-list ul:after {
	content: "";
	clear: both;
	display: table;
}

.stockist-list ul li {
	float: left;
	width: 23.5%;
	margin-right: 2%;
}

.stockist-list ul li:last-child {
	margin-right: 0;
}

.stockist-item a {
	display: block;
}

.stockist-item .stockist-img {
	display: table;
	width: 100%;
	height: 165px;
}

.stockist-item .stockist-img-cell {
	display: table-cell;
	border: 1px solid #DDD;
	padding: 10px;
	vertical-align: middle;
	text-align: center;
	width: 100%;
	height: 100%;
}

.stockist-item img {
	width: 100%;
	max-width: 100%;
}

.stockist-item .stockist-shop-now {
	margin: 25px 20px 0;
	text-align: center;
	padding: 12px 0 10px;
	background: #0a58a8 none;
	text-transform: uppercase;
	color: #FFF;
	font-weight: 700;
	display: block;
}

.pen_detail .detail_intro a {
	border: 2px solid #0a58a8;
	line-height: 36px;
	text-align: center;
	display: block;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 13px;
}
ol#competition-tc-list {
	list-style: decimal;
}

table#competition-tc {
  border: 1px solid;
	border-collapse: collapse;
}

table#competition-tc th, table#competition-tc td {
	border: 1px solid;
	padding: 10px;
	text-align: left;
}

.screen-reader-response {
    visibility: hidden;
}
    .omg_bottom {
        font-size: 1.3em;
    }
    .omg_bottom h3 {
    font-size: 1.5em;
    font-weight: 700;
    margin-bottom: 1em;
}
    .omg_bottom h4 {
    font-size: 1.5em;
    font-weight: 700;
    margin-bottom: 1em;
    color: #0958a8
}

        #body-2 {
            margin: 0 auto;
            background: black;
            font-family: Tahoma, Arial;
        }


       #wrapper-2 {
            max-width: 962px;
            margin: 0 auto;
        }

        #header-2 {
            background: url(images/top-bg.jpg) no-repeat;
            min-height: 676px
        }

        .tbl {
            width: 100%;
            padding: 0;
            border-collapse: collapse;
            border: 0;
            color: white;
            margin:0
        }

            .tbl td {
                color: white
            }

        strong {
            color: yellow;
            font-weight: normal
        }

        #badge {
            width: 280px;
            text-align: right;
            padding-right: 30px
        }

        #badge-txt {
            font-family: Tahoma, Arial;
            padding-right: 180px;
            font-size: 1.3rem;
            letter-spacing: 1px
        }

        #mid {
            background: #050608;
            min-height: 348px
        }

        #mid2 {
            background: url(images/mid-2.jpg) no-repeat top center;
            min-height: 10px;
            padding: 180px 120px 40px
        }
        
            #mid2 ul {
                margin:0;
                color:white;
                
            }
                #mid2 ul li {
                    line-height: 155%
                }