@charset "utf-8";
.template_banner{background-repeat:no-repeat;background-position: center 0;padding: 100px 0;}
.template_banner .title {font-size:48px; line-height:1.2em; font-weight:600; padding:10px 0; text-shadow:0 3px 3px #000;}
.template_banner .info {text-align:center; color:#fff; padding:40px 8% 40px 8%;font-weight:400;text-shadow:0 2px 1px #000;}
.template_banner .info p {font-size:24px; line-height:1.2em; padding:0 10%;}
.contbox{padding-top:70px;}
@media (max-width:767px){
	.template_banner {padding:60px 0;}
	.template_banner .title {font-size:36px;}
	.template_banner .info {padding:40px 0;}
	.template_banner .info p {font-size:18px; padding:0;}
}

.top_s{box-shadow:0 15px 20px #333;box-shadow:0 15px 20px rgba(53,49,50,.2); border:solid 1px #ededed; position:relative; z-index:2; background:#fff; border-radius:5px;} /*hide category block, there is no content in it. min-height:56px;*/
.top_s.clearshadow{ box-shadow:none; border-radius:5px 5px 0 0;}
.top_s .ltselect{ padding:20px 0 20px 0; float:left; width:26%; text-align:center;}
.top_s .ltselect .cate{ display:inline-block; padding-right:26px; font-size:24px; color:#2c3db0;font-weight:600; cursor:pointer; position:relative; }
.top_s .ltselect .cate:after{font-family:'globalIconfont'; content:'\e902'; position:absolute;top:2px;right:0; font-size:20px;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;}
.top_s .ltselect .cate.up:after{transform:rotate(180deg);}
.top_s .searchbox{ margin-top:13px; margin-left:30%; border-left:solid 1px #cfcfcf; box-shadow:-1px 0 0 #e0e0e0; padding:0 80px 0 32px; z-index:1; position:relative;}
.top_s .searchbox .input{ width:100%; height:40px; line-height:40px; font-size:17px; border:0; }
.top_s .searchbox .search_btn{ width:40px; height:40px;cursor:pointer;background: none;border: 0; position:absolute; z-index:2; top:50%; right:40px; margin:-20px 0 0 0;}
.top_s .searchbox .search_btn:after {font-family:'globalIconfont'; content:'\e906'; color:#435bfd;font-size:30px; vertical-align:middle;}
.top_s .searchbox .search_btn:hover:after{color:#2c3db0;}
@media (max-width:767px){
	.top_s .ltselect{padding:20px 2%; width:26%;}
	.top_s .searchbox{margin-left:34%;}
	.top_s .searchbox .input{ font-size:14px;}
	.top_s .searchbox .search_btn {right:30px;}
}
@media (max-width:479px){
	.top_s .ltselect .cate {font-size:18px;padding-right:16px;}
	.top_s .ltselect .cate:after {font-size:14px;}
	.top_s .searchbox{margin-left:36%;padding:0 50px 0 10px;}
	.top_s .searchbox .search_btn {right:10px;}
}
@media (max-width:320px){
	.top_s .ltselect {float:none; width:auto; padding:10px 2%;}
	.top_s .searchbox {margin-left:0; border:0; margin:10px 0;}
}
.top_cate{ padding:25px 4%; background-color:#fff; box-shadow:0 15px 20px #333;box-shadow:0 15px 20px rgba(53,49,50,.2); position:relative; display:none;}
.top_cate dl{ width:50%; float:left; line-height:1.5em; }
.top_cate dl dt{ font-size:16px; color:#2c3db0; padding-bottom:13px; font-weight:600; }
.top_cate dl dd{ width:48%; float:left; margin-right:2%; }
.top_cate dl dd small{ font-size:11px; color:#878787; }
.top_cate dl dd a{ color:#5b5b5b; }
@media (max-width:767px){
	.top_cate dl{ width:auto; float:none; padding-top:25px; }
	.top_cate{ padding-top:0; }
}
@media (max-width:479px){
	.top_cate dl dd {float:none; width:auto; margin-right:0;}
}

.titles{ font-size:36px; line-height:1.2em; font-weight:600; color:#2c3db0; }
.contlt{ width:54%; float:left; clear:left;margin-top:50px;}
.contlt .titles{  padding:34px 10px 20px; border-bottom:solid 1px #d7d7d7; }
.contlt .pdf{ margin:0 12px 0 10px; border:solid 1px #f2f2f2; box-shadow:0 3px 3px #f2f2f2; padding:10px; text-align:center; }
.contrt{ width:42%; float:right;margin-top:50px;}
.contrt .temlist{ padding:0 0 35px 0; }
.contrt .temlist li{ font-size:18px; line-height:1.4em; padding:3px 0;color:#5a5b64; cursor:pointer; }
.contrt .temlist li.curr{ font-weight:600;color:#2c3db0;}
@media (max-width:979px){
	.contrt .temlist{ padding:20px 12px; }
	.contrt .temlist li{ padding-top:5px; padding-bottom:5px; }
	.titles{ font-size: 30px; }
}
@media (max-width:767px){
	.contlt , .contrt{ width:auto; float:none; }
	.contlt .pdf{ margin:20px 0; }
	.contlt .titles{ padding-top:20px; }
	.titles{ font-size: 22px; }
}
.contrt .cont_data{ padding:30px 0; border-top:solid 2px #989898; border-bottom:solid 2px #989898; }
.contrt .cont_data .title{ font-size:18px; color:#5a5b64; font-weight:600;}
.contrt .cont_data ul{ padding-top:18px; }
.contrt .cont_data ul li{ font-size:14px; line-height:17px; padding-top:9px; padding-bottom:8px; color:#6e6e6e; }
.contrt .cont_data ul li .text{ margin-left:150px; }
.contrt .cont_data ul li > span{ float:left; }
.contrt .cont_last{ padding-top:30px; padding-bottom: 30px; }
.downloads{display:inline-block; vertical-align:middle; padding:12px 30px; border:solid 2px #435bfd; border-radius:4px; background:#435bfd; color:#fff !important; font-size:18px; line-height:23px; font-weight:600; text-decoration:none !important;box-shadow:0 15px 20px #333;box-shadow:0 15px 20px rgba(53,49,50,.2);-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s; text-align:center;}
.downloads:hover{text-decoration:none; background:#2c3db0; border:solid 2px #2c3db0; color:#fff;}
.contrt .rate{display:inline-block;font-size:18px; font-weight:500; color:#4a4a4a;margin:0 15px;}
.contrt .shares{display:inline-block; position:relative;}
.contrt .share{ display:inline-block;background:url(images/shape.png) no-repeat center center;width:30px;height:30px; text-indent:-9999px;}
.contrt .share:hover{ text-decoration:none; color:#189dd8; }
@media (min-width:768px) and (max-width:979px){
	.contrt .cont_data{ padding-left:15px; }
	.contrt .cont_data ul li{ padding-top:6px; padding-bottom:6px; }
	.contrt .cont_data ul li > span{ float:none; font-weight:bold; }
	.contrt .cont_data ul li .text{ margin-left:0; margin-top:3px; }
	.downloads{ display:none; }
}
@media (max-width:767px){
	.contrt .cont_data{ padding-left:15px; }
	.contrt .cont_last{ padding-top:24px; padding-bottom:24px; }
	.contrt .rate{ padding-top:10px; padding-bottom:12px; }
	.downloads{ display:none; }
}
.cont_related{ padding-top:45px; padding-bottom:45px; }
.cont_related .titles{ padding-left:10px; }
.cont_creat_tab td{ padding-right: 30px; padding-top: 30px; font-size: 14px; line-height: 1.6em; vertical-align: top; }
.cont_creat_tab h4, .cont_creat_tab .line35px{ display: none; }
.top_search{ margin-top: 60px; }
@media (max-width:767px){
	.cont_creat_tab td{ display: block; width: 100%; }
	.top_search{ margin-top: 30px; }
}
/* [commented by mazq]*/
.cont_related ul{ width:100%; }
.cont_related ul li{ width:18%; height:220px;margin:3.8% 6% 0 1%; float:left; display:table;}
.cont_related ul li.last{ margin-right:0; }
.cont_related ul li .box{ display:table-cell; vertical-align:middle;  }
.cont_related ul li .form_title a{ color:#0f9ddb; line-height:20px; }
.cont_related ul li .text{ font-size:12px; line-height:15px; color:#fff; padding-top:15px; padding-bottom:20px; display:none; }
.cont_related ul li .downloads{ font-size:13px; line-height:22px; display:none; }
.cont_related ul li:hover{transition:all .3s; -moz-transition:all .3s; -webkit-transition:all .3s; -ms-transition:all .3s; }
.cont_related ul li:hover .text{ display:block; }
.cont_related ul li:hover .downloads{ display:inline-block; }
.cont_related ul li:hover .form_title a{ color:#fff; }
@media (min-width:768px) and (max-width:979px){
	.cont_related ul li{ width:20%; margin-right:2.6%; }
}
@media (max-width:767px){
	.cont_related ul li{ width:45%; padding-left:2%; margin-right:1%; }
	.cont_related{ padding-top:24px; padding-bottom:24px; }
}

.sharebox{ width:180px; background-color:#fff; border:solid 1px #ddd; position:absolute; top:40px; left:50%; margin-left:-100px; padding:10px; border-radius:5px; display:none; }
.sharebox .triangle , .sharebox .triangle em{ display:inline-block; border-bottom:solid 12px #ddd;  border-left:solid 8px transparent; border-right:solid 8px transparent; position:absolute; top:-12px; left:50%; margin-left:-8px; }
.sharebox .triangle em{  border-bottom-color: #fff; position:absolute; left:-8px; top:2px; margin-left:0; }
.shareIcon {display:inline-block; background:url(images/icon_share.gif) no-repeat 0 0; width:26px; height:26px; margin:0 5px 0 0; border-radius:30px; overflow:hidden; text-indent:-99999px;}
.shareIcon.tw {background-position:0 0;}
.shareIcon.fb {background-position:-26px 0;}
.shareIcon.gg {background-position:-52px 0;}
.shareIcon.in {background-position:-78px 0;}

.grayf9{ background-color:#f2f2f2; }
.cont_creat{padding:60px 0;}
.cont_creat .infoitem{margin-top:20px;}
.cont_creat .infoitem .item{float:left;width:30%;margin-left:5%;margin-top:10px;}
.cont_creat .infoitem .item:first-child{margin-left:0;}
.cont_creat .infoitem .item dd{float:left;color:#989898; font-size:80px; font-weight:600; line-height:1em;}
.cont_creat .infoitem .item dt{padding-left:60px; font-size:14px;padding-top:20px;}
@media (max-width:979px){
	.cont_creat{padding:60px 15px;}
}
@media (max-width:479px){
	.cont_creat .infoitem .item{float:none;width:auto;margin-left:0;}
}

.cont_tip{padding:20px 0 60px 0;}
.cont_tip dt{ font-size:24px;margin-top:40px;}
.cont_tip dd{ padding-top:15px; font-size:14px; line-height:1.6em; color:#5a5b64; }

.down_detail{ display:none; }
.alert_gray{ width:100%; height:100%; background-color:#000; position:fixed; top:0; left:0; z-index:15; opacity:0.3; filter:Alpha(opacity=30); }
.alert_down{ width:300px; background-color:#fff;padding:48px 30px 40px; position:absolute; bottom:0; right:0; z-index:16; line-height:24px;}
.alert_down .text{ padding-left:10px; padding-right:10px; }
.alert_down .down_box{ padding-top:22px; padding-bottom:24px; border-bottom:solid 1px #eee; }
.alert_down .golink{ color:#999; text-decoration:underline; font-size:14px; }
.alert_down .template_down{ padding-top:30px; padding-bottom:20px; }
.alert_down .shutup{ display:inline-block; width:28px; height:28px; background:url(images/close-btn-pop.png) no-repeat center center; cursor:pointer; position:absolute; right:8px; top:8px; }
.newBtn{ display:inline-block; width:195px; padding:5px 0; font-size:16px; line-height:36px; font-weight:500; border-radius:6px; border:solid 2px #435bfd; text-align:center; }
.newBtn svg{ float:right; margin-right:20px; margin-top:8px; }
.newBtn:hover{ text-decoration:none; }
.newBtn.bgwhite{ background-color:#fff; color:#435bfd; }
.newBtn.bgwhite svg {fill:#0f9ddb;}
.newBtn.down{ background-color:#435bfd; color:#fff; border-color:#435bfd;}
.newBtn.down svg {fill:#fff;}
.newBtn.bgwhite:hover{ background-color:#2c3db0; border-color:#2c3db0; color:#fff;}
.newBtn.bgwhite:hover svg{ fill:#fff; }
.newBtn.down:hover{ background-color:#fff; color:#2c3db0; border-color:#2c3db0;  }
.newBtn.down:hover svg{ fill:#2c3db0; }



/****************************************************
*  project: pdf element business/template           *
*  description: section/page tweaking and adding    *
*  author: mazq@wondershare.cn                      *
*  update: 160824                                   *
****************************************************/

/** common **/
a, .transition { -webkit-transition:all 0.5s linear; -moz-transition:all 0.5s linear; -ms-transition:all 0.5s linear; -o-transition:all 0.5s linear; transition:all 0.5s linear; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.border-box, .border-box * { box-sizing: border-box; }
.clear-both:before, .clear-both:after { display: table; content:" "; }
.clear-both:after { clear: both; }
.text-primary, .text-primary a { color: #2c3db0; }
.inline-block { display: inline-block; vertical-align: top; }
a.a-block, .a-block a { display: block; text-decoration: none; }
.bg-center { background-position: center; background-repeat: no-repeat; }
@media(min-width:1000px){
.grid { display: inline-block; float: left; width: 50%; }
.grid.right { float: right; }
}

/** form list **/
.form-list { text-align: center;  }
.form-list li{ display: inline-block; float: left; width:30%;margin:0 1.5%;margin-top: 40px; font-size:14px; }
.form-list .image { display: inline-block; padding:9px;box-shadow:0 15px 20px #333;box-shadow:0 15px 20px rgba(53,49,50,.2);}
.form-list .title { margin-top:20px; font-size: 16px; line-height:1.4em;color:#5a5b64;min-height:100px; overflow: hidden; }
/*.form-list:hover .image { opacity: 0.3; }*/
.form-list li a:hover .image { opacity: 1; box-shadow: 2px 2px 5px #bbb; -webkit-transform: translate(-2px, -2px); -moz-transform: translate(-2px, -2px); -ms-transform: translate(-2px, -2px); -o-transform: translate(-2px, -2px); transform: translate(-2px, -2px); }
@media(max-width:767px){
	.form-list li { width: 47%; }
	.form-list li:nth-child(3){ margin-left:0; }
}
@media(max-width:479px){
.form-list li { width:auto; float:none;}
}

/** drop-down **/
.drop-down { position: relative; line-height: 30px; text-align: left;margin-right:10px;}
.drop-down .title { font-weight: bold; cursor: pointer; }
.drop-down .active a::after { content: ""; display: inline-block; vertical-align: top; float: right; width: 20px; height: 20px; background-image: url("images/template-icons.png"); background-position: 20px 0; margin-top: 2px; }
.drop-down .drop-sub { position: absolute; max-height: 0; overflow: hidden; opacity: 0; padding: 2px; width:200%; z-index: 15;right:0;}
.drop-down .drop-list { border: solid 1px #2c3db0; background-color: #fff; }
.drop-down .drop-list li { padding: 0 5px; line-height:2em; cursor:pointer; font-size:14px;}
.drop-down .drop-list li:hover { background-color: #eee; }
.drop-down:hover .drop-sub { max-height: 200px; opacity: 1; }

/** tool bar **/
.tool-bar { margin-top: 20px; line-height: 30px; }
.tool-bar h1{ font-size:36px; line-height:1.2em;color:#2c3db0; font-weight:600;}
.tool-bar .result { font-size: 18px; }
.tool-bar .result .number { font-weight: bold; }
.tool-bar .result .term::before { content: "\201c"; }
.tool-bar .result .term::after { content: "\201d"; }
.tool-bar .filter { font-size: 16px; float: right; }
.tool-bar .filter > li:not(:last-of-type) { margin-right: 10px; }
.tool-bar .filter .label { color: #4e4e4e; margin-right: 5px; }
.tool-bar .alphabet li { display: inline-block; line-height: 25px; position: relative; width:30px;font-size: 16px; font-weight:600; margin-right:5px; color:#5a5b64; text-align: center; cursor:pointer; }
.tool-bar .alphabet li.active{ border-bottom:solid 3px #2c3db0;}
@media(max-width:767px){
.tool-bar { margin-top: 30px; margin-bottom: 30px; text-align: center; }
.tool-bar .filter { float: none; }
}
.contDetail{ padding-bottom:35px; }
/** pagination **/
.pagination { text-align: center; padding-top:20px;  }
.pages-nav li { display: inline-block; vertical-align: top; font-size: 24px; line-height: 32px; margin: 0 5px; }
.pages-nav li.control a { display: block; width: 32px; height: 32px; border-radius: 8px; background-color: #1b9dd8; }
.pages-nav .prev a { background-image: url("images/template-icons.png"); background-position: -4px -24px; }
.pages-nav .next a { background-image: url("images/template-icons.png"); background-position: -4px -64px; }
@media(max-width:767px){
.pagination { padding:0; }
}

/** sidebar **/
.sidebar { margin-top:70px; line-height: 36px; }
.sidebar .filter li{ padding-left:10px; text-align:left; }
.sidebar .top { border-bottom: solid 2px #979797; background-color:#fff;text-align: center; font-size:18px;color:#5a5b64;}
.sidebar .top .label{ font-weight: bold; margin-right: 2px; }
.sidebar .top .drop-down { line-height: 36px; }
.sidebar .top .title { font-weight: normal; }
.sidebar .top .title::after { margin-top: 8px; }
.sidebar .results { padding: 15px; }
.sidebar .results a { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: block; font-size:14px;color:#5a5b64;}
.sidebar .results a::before { content: ""; display: inline-block; width: 20px; height: 20px; background-image: url("images/template-icons.png"); background-repeat:no-repeat; background-size:70%;margin: 8px 8px 0 0; vertical-align: top; }
@media(min-width:1000px){
.sidebar { width: 24%;}
}

/** contents **/
.contents{padding:70px 0;}
.contents .heading { font-size:36px;color:#2c3db0;line-height:1.2em; font-weight:600; position: relative;}
.contents .tool-bar { margin-top:30px; }
.contents .results-title { color: #989898; font-size:80px;line-height:1em; margin-top: 50px; font-weight:600;}
.contents .results-sub li { display: inline-block; float: left; margin:50px 0; width: 23%; padding: 0 5px; line-height: 25px; }
.contents .results-sub li a { font-size: 16px;color:#5a5b64;height: 50px; overflow: hidden; background-image:url(images/template-icons.png); background-repeat: no-repeat; padding-left:30px; }
@media(min-width:1000px){
.contents { width: 76%; }
}
@media(max-width:999px){
.contents .results-sub li { width: 33.33%; }
}
@media(max-width:767px){
	.contents{padding:30px 0;}
.contents .heading { margin-top: 30px; font-size: 24px; line-height: 45px; }
.contents .results-sub li { width: 50%; margin: 20px 0; padding: 0; }
.contents .results-sub li a { display: table-cell; vertical-align: middle; }
.contents .results-title { margin-top: 20px; }
}
@media(max-width:479px){
.contents .results-sub li { width: 100%; }
}

/*template software recommend*/
.bottom_banner {padding:30px 0;}
.bottom_banner .bannerCont {float:left; width:68%; height:262px; background:url(images/bg_sj.png) no-repeat right center #efefef;}
.bottom_banner .bannerCont .pic {float:left; width:49%;}
.bottom_banner .bannerCont .info {padding:10px 20px 0 50%;}
.bottom_banner .bannerCont .info .title {color:#2897b7; font-size:24px; line-height:1.2em; padding:10px 0;}
.bottom_banner .bannerCont .info ul li {background:url(images/icon_arrow4.png) no-repeat 0 10px; font-size:14px; line-height:1.2em; font-style:italic; padding:5px 0 5px 13px;}
.bottom_banner .bannerCont .btn {padding:10px 0; overflow:hidden;}
.bottom_banner .bannerCont .btn a {display:block; float:left; width:118px; padding:5px 10px; border:solid 1px #0cbaf4; background:#fff; border-radius:5px; font-size:18px; line-height:1.2em; color:#0cbaf4;}
.bottom_banner .bannerCont .btn a strong {display:block; background:url(images/iconImg3.png) no-repeat right -3px;}
.bottom_banner .bannerCont .btn a.bWin {margin-right:10px;}
.bottom_banner .bannerCont .btn a.bMac strong {background-position:right -28px;}
.bottom_banner .bannerCont .btn a span {font-size:12px; line-height:1.2em;}
.bottom_banner .bannerCont .btn a:hover {text-decoration:none; background:#0cbaf4; color:#fff;}
.bottom_banner .bannerCont .btn a:hover strong {background-position:right -53px;}
.bottom_banner .bannerCont .btn a.bMac:hover strong {background-position:right -78px;}
.bottom_banner .bannerCont .other_btn a {color:#2897b7;font-size:12px; line-height:1.2em;}
.bottom_banner .otherInfo {float:left; width:32%; height:212px; padding:50px 0 0 0; background:url(images/banner_rightbg.jpg) no-repeat right center #cee2d7;}
.bottom_banner .otherInfo p {padding:8px 5%; color:#2897b7; font-size:18px; line-height:1.2em; text-align:center;}
.bottom_banner .otherInfo strong {color:#fd8a02;}
@media (max-width:979px){
	.bottom_banner .otherInfo{ padding:25px 0; }
	.bottom_banner .otherInfo p{ font-size:16px; }
	.bottom_banner .bannerCont .info{ padding-left:44%; }
	.bottom_banner .bannerCont .pic{ width:43%; }
	.bottom_banner .bannerCont .info .title{ font-size:20px; }
}
@media (max-width:767px){
	.bottom_banner .bannerCont{ width:auto; float:none; height:auto; padding-bottom:20px; background-image:none; }
	.bottom_banner .otherInfo{ width:auto; float:none; height:auto; }
	.bottom_banner .bannerCont .pic{ display:none; }
	.bottom_banner .bannerCont .info{ padding-left:10px; }
}

/*2017.07.24 new*/
.new_content{padding:70px 0;}
.new_content .flbox{float:left;width:30%;}
.new_content .t_menu{border-bottom:solid 2px #989898;padding:10px 0;}
.new_content .t_menu li{padding:5px 0; cursor:pointer;}
.new_content .t_menu li.curr{color:#2c3db0; font-weight:600;}
.new_content .nrbox{margin-top:30px; text-align:center;}
.new_content .nrbox .pic img{box-shadow:0 15px 20px #333;box-shadow:0 15px 20px rgba(53,49,50,.2);}
.new_content .nrbox .btn{margin-top:40px;}
.new_content .frbox{float:right;width:64%;}
.new_content .frbox .titles{padding:15px 0;border-bottom:1px solid #d7d7d7;}
.new_content .frbox .pic{margin-top:30px;}
.new_content .frbox .steplist{margin-top:30px;}
.new_content .frbox .steplist li{padding:5px 0;}
.new_content .frbox .steplist li span{display:inline-block; background:#2c3db0;color:#fff; font-size:14px; font-weight:600;margin-right:5px;padding:0 5px; border-radius:3px;}
.new_content .frbox dl{margin-top:50px;}
.new_content .frbox dl dt{ font-weight:600;padding-bottom:10px;}
.new_content .frbox dl dd{padding:5px 0; position:relative;padding-left:30px;}
.new_content .frbox dl dd:before{display:block; position:absolute; content:'\e90d'; font-family:'globalIconfont'; font-size:18px; line-height:1.2em;left:0;top:6px;color:#435bfd;}
.new_content .frbox .btn{margin-top:30px;}
@media (max-width:767px){
	.new_content{padding:30px 0 70px 0;}
	.new_content .flbox{float:none;width:auto;}
	.new_content .frbox{float:none;width:auto;margin-top:50px;}
}

.twiter { background-color: #f7f8f8; padding:30px; border-radius: 5px; z-index: 2; position: relative; }
  .twiter label { display: block; color: #969696; }
  .twiter textarea, .twiter button { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
  .twiter textarea { display: block; width: 100%; min-height: 147px; padding: 11px 15px 9px 15px; border: 1px solid #e6e6e6; border-radius: 0;background: transparent;
    outline: none;-webkit-transition: border-color .2s;transition: border-color .2s;color: #1A1A1A;font-size: 16px; margin-bottom: 20px; margin-top: 10px;}
  .twiter button { display: block; width: 100%; color: #ffffff; background: #2c3db0; padding: 12px 20px; line-height: 1.2; font-weight: bold; font-size: 14px;text-align: center;border: none; border-radius: 3px;-webkit-transition: color 250ms, box-shadow 250ms, background-color 250ms; transition: color 250ms, box-shadow 250ms, background-color 250ms; outline: none; cursor: pointer; }
  .twiter button svg { display: inline-block; width: 15px; height: 12px; margin-right: 4px; vertical-align: -1px; fill: #ffffff; }